<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="sp" uri="http://www.springframework.org/tags" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title><sp:message code="web.homepage"/></title>
</head>
<body>
<script type="text/javascript" src="${pageContext.request.contextPath}/resources/shop/js/jquery.tools.js"></script>

<script type="text/javascript">
    $().ready(function () {

        var $slider = $("#slider");
        var $newArticleTab = $("#newArticle .tab");
        var $promotionProductTab = $("#promotionProduct .tab");
        var $promotionProductInfo = $("#promotionProduct .info");
        var $hotProductTab = $("#hotProduct .tab");
        var $newProductTab = $("#newProduct .tab");

        $slider.nivoSlider({
            effect: "random",
            animSpeed: 1000,
            pauseTime: 6000,
            controlNav: true,
            keyboardNav: false,
            captionOpacity: 0.4
        });

        $newArticleTab.tabs("#newArticle .tabContent", {
            tabs: "li",
            event: "mouseover",
            initialIndex: 1
        });

        $promotionProductTab.tabs("#promotionProduct .tabContent", {
            tabs: "li",
            event: "mouseover"
        });

        $hotProductTab.tabs("#hotProduct .tabContent", {
            tabs: "li",
            event: "mouseover"
        });

        $newProductTab.tabs("#newProduct .tabContent", {
            tabs: "li",
            event: "mouseover"
        });

        function promotionInfo() {
            $promotionProductInfo.each(function () {
                var $this = $(this);
                var beginDate = $this.attr("beginTimeStamp") != null ? new Date(parseFloat($this.attr("beginTimeStamp"))) : null;
                var endDate = $this.attr("endTimeStamp") != null ? new Date(parseFloat($this.attr("endTimeStamp"))) : null;
                if (beginDate == null || beginDate <= new Date()) {
                    if (endDate != null && endDate >= new Date()) {
                        var time = (endDate - new Date()) / 1000;
                        $this.html("剩余时间:<strong>" + Math.floor(time / (24 * 3600)) + "<\/strong> 天 <strong>" + Math.floor((time % (24 * 3600)) / 3600) + "<\/strong> 时 <strong>" + Math.floor((time % 3600) / 60) + "<\/strong> 分");
                    } else if (endDate != null && endDate < new Date()) {
                        $this.html("活动已结束");
                    } else {
                        $this.html("正在进行中...");
                    }
                }
            });
        }

        promotionInfo();
        setInterval(promotionInfo, 60 * 1000);

    });
</script>
<link href="${pageContext.request.contextPath}/resources/shop/css/index.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="${pageContext.request.contextPath}/resources/shop/slider/slider.js"></script>
<link href="${pageContext.request.contextPath}/resources/shop/slider/slider.css" rel="stylesheet" type="text/css"/>

<div class="container index">
    <div class="span18">
        <div id="slider" class="slider">
            <c:forEach items="${requestScope.data.adMap.adposition}" var="adPostion">
                <c:if test="${adPostion.id==3}">
                    <c:forEach items="${requestScope.data.adMap.ads}" var="ad">
                        <c:if test="${ad.postion==adPostion.id}">
                            <a target="_blank" href="${ad.url}"> <img src="${ad.path}" width="${adPostion.width}"
                                                                      height="${adPostion.height}"
                                                                      alt="${ad.content}" title="${ad.content}"/></a>
                        </c:if>
                    </c:forEach>
                </c:if>
            </c:forEach>
        </div>
    </div>
    <div class="span6 last">
        <div id="newArticle" class="newArticle">
            <ul class="tab">
                <c:forEach items="${requestScope.data.articles}" begin="0" step="1" end="2" var="item">
                    <li>
                        <a href="${pageContext.request.contextPath}/article/list.html?id=${item.id}"
                           target="_blank">${item.name}</a>
                    </li>
                </c:forEach>
            </ul>
            <c:forEach items="${requestScope.data.articles}" begin="0" step="1" end="2" var="item" varStatus="index">
                <ul class="tabContent">
                    <c:forEach items="${item.articleList}" var="article">
                        <li>
                            <a href="${pageContext.request.contextPath}/article/content.html?id=${article.id}"
                               title="${article.title}"
                               target="_blank">
                                <div style="width: 215px;overflow:  hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow:  ellipsis;">${article.title}</div>
                            </a>
                        </li>
                    </c:forEach>
                </ul>
            </c:forEach>
        </div>
        <div class="rightAd">
            <c:forEach items="${requestScope.data.adMap.adposition}" var="adPostion">
                <c:if test="${adPostion.id==4}">
                    <c:forEach items="${requestScope.data.adMap.ads}" var="ad">
                        <c:if test="${ad.postion==adPostion.id}">
                            <a target="_blank" href="${ad.url}"> <img src="${ad.path}" width="${adPostion.width}"
                                                                      height="${adPostion.height}"
                                                                      alt="${ad.content}" title="${ad.content}"/></a>
                        </c:if>
                    </c:forEach>
                </c:if>
            </c:forEach>
        </div>
    </div>
    <div class="span18">
        <div class="hotProductCategory">
            <div class="title">
                <a href="${pageContext.request.contextPath}/product_category.jhtml">所有分类</a>
                <strong>热门分类</strong>CATEGORY
            </div>
            <div class="content">
                <table>
                    <tr>
                        <th>
                            <a href="${pageContext.request.contextPath}/product/list/1.jhtml">时尚女装</a>
                        </th>
                        <td>
                            <a href="${pageContext.request.contextPath}/product/list/11.jhtml">连衣裙</a>
                            <a href="${pageContext.request.contextPath}/product/list/12.jhtml">针织衫</a>
                            <a href="${pageContext.request.contextPath}/product/list/13.jhtml">短外套</a>
                            <a href="${pageContext.request.contextPath}/product/list/14.jhtml">小西装</a>
                            <a href="${pageContext.request.contextPath}/product/list/15.jhtml">牛仔裤</a>
                            <a href="${pageContext.request.contextPath}/product/list/16.jhtml">T恤</a>
                            <a href="${pageContext.request.contextPath}/product/list/17.jhtml">衬衫</a>
                            <a href="${pageContext.request.contextPath}/product/list/18.jhtml">风衣</a>
                            <a href="${pageContext.request.contextPath}/product/list/19.jhtml">卫衣</a>
                            <a href="${pageContext.request.contextPath}/product/list/20.jhtml">裤子</a>
                        </td>
                    </tr>
                    <tr>
                        <th>
                            <a href="${pageContext.request.contextPath}/product/list/2.jhtml">精品男装</a>
                        </th>
                        <td>
                            <a href="${pageContext.request.contextPath}/product/list/21.jhtml">针织衫</a>
                            <a href="${pageContext.request.contextPath}/product/list/22.jhtml">POLO衫</a>
                            <a href="${pageContext.request.contextPath}/product/list/23.jhtml">休闲裤</a>
                            <a href="${pageContext.request.contextPath}/product/list/24.jhtml">牛仔裤</a>
                            <a href="${pageContext.request.contextPath}/product/list/25.jhtml">T恤</a>
                            <a href="${pageContext.request.contextPath}/product/list/26.jhtml">衬衫</a>
                            <a href="${pageContext.request.contextPath}/product/list/27.jhtml">西服</a>
                            <a href="${pageContext.request.contextPath}/product/list/28.jhtml">西裤</a>
                            <a href="${pageContext.request.contextPath}/product/list/29.jhtml">风衣</a>
                            <a href="${pageContext.request.contextPath}/product/list/30.jhtml">卫衣</a>
                        </td>
                    </tr>
                    <tr>
                        <th>
                            <a href="${pageContext.request.contextPath}/product/list/3.jhtml">精致内衣</a>
                        </th>
                        <td>
                            <a href="${pageContext.request.contextPath}/product/list/31.jhtml">女式内裤</a>
                            <a href="${pageContext.request.contextPath}/product/list/32.jhtml">男式内裤</a>
                            <a href="${pageContext.request.contextPath}/product/list/33.jhtml">保暖内衣</a>
                            <a href="${pageContext.request.contextPath}/product/list/34.jhtml">塑身衣</a>
                            <a href="${pageContext.request.contextPath}/product/list/35.jhtml">连裤袜</a>
                            <a href="${pageContext.request.contextPath}/product/list/36.jhtml">打底袜</a>
                            <a href="${pageContext.request.contextPath}/product/list/37.jhtml">文胸</a>
                            <a href="${pageContext.request.contextPath}/product/list/38.jhtml">睡衣</a>
                            <a href="${pageContext.request.contextPath}/product/list/39.jhtml">泳装</a>
                            <a href="${pageContext.request.contextPath}/product/list/40.jhtml">浴袍</a>
                        </td>
                    </tr>
                    <tr class="last">
                        <th>
                            <a href="${pageContext.request.contextPath}/product/list/4.jhtml">服饰配件</a>
                        </th>
                        <td>
                            <a href="${pageContext.request.contextPath}/product/list/41.jhtml">女士腰带</a>
                            <a href="${pageContext.request.contextPath}/product/list/42.jhtml">男士皮带</a>
                            <a href="${pageContext.request.contextPath}/product/list/43.jhtml">女士围巾</a>
                            <a href="${pageContext.request.contextPath}/product/list/44.jhtml">男士围巾</a>
                            <a href="${pageContext.request.contextPath}/product/list/45.jhtml">帽子</a>
                            <a href="${pageContext.request.contextPath}/product/list/46.jhtml">手套</a>
                            <a href="${pageContext.request.contextPath}/product/list/47.jhtml">领带</a>
                            <a href="${pageContext.request.contextPath}/product/list/48.jhtml">领结</a>
                            <a href="${pageContext.request.contextPath}/product/list/49.jhtml">发饰</a>
                            <a href="${pageContext.request.contextPath}/product/list/50.jhtml">袖扣</a>
                        </td>
                    </tr>
                </table>
            </div>
        </div>
    </div>
    <div class="span6 last">
        <div id="promotionProduct" class="promotionProduct">
            <ul class="tab">
                <li>
                    <a href="${pageContext.request.contextPath}/product/list.jhtml?promotionId=1"
                       target="_blank">限时抢购</a>
                </li>
                <li>
                    <a href="${pageContext.request.contextPath}/product/list.jhtml?promotionId=2"
                       target="_blank">双倍积分</a>
                </li>
            </ul>
            <ul class="tabContent">
                <li>
										<span class="info" beginTimeStamp="1356969600000" endTimeStamp="1420041600000">
												开始时间: <strong>2013-01-01 00:00</strong>
										</span>

                    <div class="product">
                        <img src="http://storage.shopxx.net/demo-image/3.0/201301/f90c486f-eb84-4105-81ef-473cf82eb500-thumbnail.jpg"
                             alt="梵希蔓2013夏装新款大码品质女装蕾丝连衣裙夏季蛋糕裙短袖连衣裙"/>
                        <a href="${pageContext.request.contextPath}/product/content/201301/76.html"
                           title="梵希蔓2013夏装新款大码品质女装蕾丝连衣裙夏季蛋糕裙短袖连衣裙" target="_blank">梵希蔓2013夏装新款大码品</a>

                        <div>
                            市场价:
                            <del>￥250.80</del>
                        </div>
                    </div>
                    <div>
                        销售价:
                        <strong>￥209.00</strong>
                    </div>
                </li>
                <li class="last">
										<span class="info" beginTimeStamp="1356969600000" endTimeStamp="1420041600000">
												开始时间: <strong>2013-01-01 00:00</strong>
										</span>

                    <div class="product">
                        <img src="http://storage.shopxx.net/demo-image/3.0/201301/92a7bf42-6294-44a7-b518-19a77186d380-thumbnail.jpg"
                             alt="梵希蔓2013夏装淑女连衣裙雪纺刺绣背心裙高腰荷叶边连衣裙高腰"/>
                        <a href="${pageContext.request.contextPath}/product/content/201301/54.html"
                           title="梵希蔓2013夏装淑女连衣裙雪纺刺绣背心裙高腰荷叶边连衣裙高腰" target="_blank">梵希蔓2013夏装淑女连衣裙</a>

                        <div>
                            市场价:
                            <del>￥345.60</del>
                        </div>
                    </div>
                    <div>
                        销售价:
                        <strong>￥288.00</strong>
                    </div>
                </li>
            </ul>
            <ul class="tabContent">
                <li>
										<span class="info">
										</span>

                    <div class="product">
                        <img src="http://storage.shopxx.net/demo-image/3.0/201301/a39fce79-fc04-4400-9e0f-47cee57accab-thumbnail.jpg"
                             alt="OSA春装外套女春秋韩版泡泡袖女士小西装短外套W13254"/>
                        <a href="${pageContext.request.contextPath}/product/content/201301/122.html"
                           title="OSA春装外套女春秋韩版泡泡袖女士小西装短外套W13254" target="_blank">OSA春装外套女春秋韩版泡泡</a>

                        <div>
                            市场价:
                            <del>￥345.60</del>
                        </div>
                    </div>
                    <div>
                        销售价:
                        <strong>￥288.00</strong>
                    </div>
                </li>
                <li class="last">
										<span class="info">
										</span>

                    <div class="product">
                        <img src="http://storage.shopxx.net/demo-image/3.0/201301/69439b45-8626-451c-a31a-08f9df5d702b-thumbnail.jpg"
                             alt="伊芙丽 2013春装新款 女装OL通勤修身长袖小外套女小西装1211120"/>
                        <a href="${pageContext.request.contextPath}/product/content/201301/194.html"
                           title="伊芙丽 2013春装新款 女装OL通勤修身长袖小外套女小西装1211120" target="_blank">伊芙丽 2013春装新款 女装</a>

                        <div>
                            市场价:
                            <del>￥681.60</del>
                        </div>
                    </div>
                    <div>
                        销售价:
                        <strong>￥568.00</strong>
                    </div>
                </li>
            </ul>
        </div>
        <%-- <div class="newReview">
             <div class="title">最新评论</div>
             <ul>
                 <li>
                     <a href="${pageContext.request.contextPath}/review/content/150.jhtml" title="不错，很好，质量很好。穿着也很合身。" target="_blank">不错，很好，质量很好。穿着也很合</a>
                 </li>
                 <li>
                     <a href="${pageContext.request.contextPath}/review/content/142.jhtml" title="东西收到了，第一次购买杰克琼斯买的衣服，虽然贵，但是质量很满意，大小合适、面料很舒服、样式很新颖、真的不..." target="_blank">东西收到了，第一次购买杰克琼斯</a>
                 </li>
                 <li>
                     <a href="${pageContext.request.contextPath}/review/content/137.jhtml" title="整体上还不错,就是颜色没有想象的那么好，面料很舒服，应该穿着会很舒服。" target="_blank">整体上还不错,就是颜色没有想象的</a>
                 </li>
                 <li>
                     <a href="${pageContext.request.contextPath}/review/content/2.jhtml" title="衣服很漂亮，做工质量都不错，面料很舒适，裁剪很合身。是那种特别淑女特别有范儿的样式。只是希望快递能给力..." target="_blank">衣服很漂亮，做工质量都不错，面</a>
                 </li>
             </ul>
         </div>--%>
    </div>
    <div class="span24">
        <div class="middleAd">
            <c:forEach items="${requestScope.data.adMap.adposition}" var="adPostion">
                <c:if test="${adPostion.id==5}">
                    <c:forEach items="${requestScope.data.adMap.ads}" var="ad">
                        <c:if test="${ad.postion==adPostion.id}">
                            <a target="_blank" href="${ad.url}"> <img src="${ad.path}" width="${adPostion.width}"
                                                                      height="${adPostion.height}"
                                                                      alt="${ad.content}" title="${ad.content}"/></a>
                        </c:if>
                    </c:forEach>
                </c:if>
            </c:forEach>
        </div>
    </div>
    <div class="span24">
        <div id="hotProduct" class="hotProduct clearfix">
            <div class="title">
                <strong>热门商品</strong>
                <a href="${pageContext.request.contextPath}/product/list.jhtml?tagIds=1" target="_blank"></a>
            </div>
            <ul class="tab">
                <li>
                    <a href="${pageContext.request.contextPath}/product/list/1.jhtml?tagIds=1" target="_blank">时尚女装</a>
                </li>
                <li>
                    <a href="${pageContext.request.contextPath}/product/list/2.jhtml?tagIds=1" target="_blank">精品男装</a>
                </li>
                <li>
                    <a href="${pageContext.request.contextPath}/product/list/3.jhtml?tagIds=1" target="_blank">精致内衣</a>
                </li>
            </ul>
            <div class="hotProductAd">
                <c:forEach items="${requestScope.data.adMap.adposition}" var="adPostion">
                    <c:if test="${adPostion.id==6}">
                        <c:forEach items="${requestScope.data.adMap.ads}" var="ad">
                            <c:if test="${ad.postion==adPostion.id}">
                                <a target="_blank" href="${ad.url}"> <img src="${ad.path}" width="${adPostion.width}"
                                                                          height="${adPostion.height}"
                                                                          alt="${ad.content}"
                                                                          title="${ad.content}"/></a>
                            </c:if>
                        </c:forEach>
                    </c:if>
                </c:forEach>
            </div>
            <ul class="tabContent">
                <li>
                    <a href="${pageContext.request.contextPath}/product/content/201301/54.html"
                       title="梵希蔓2013夏装淑女连衣裙雪纺刺绣背心裙高腰荷叶边连衣裙高腰" target="_blank"><img
                            src="http://storage.shopxx.net/demo-image/3.0/201301/92a7bf42-6294-44a7-b518-19a77186d380-thumbnail.jpg"
                            alt="梵希蔓2013夏装淑女连衣裙雪纺刺绣背心裙高腰荷叶边连衣裙高腰"/></a>
                </li>
                <li>
                    <a href="${pageContext.request.contextPath}/product/content/201301/80.html"
                       title="梵希蔓2013夏装新款蕾丝连衣裙镂空假两件套连衣裙刺绣短袖连衣裙" target="_blank"><img
                            src="http://storage.shopxx.net/demo-image/3.0/201301/9aafeb39-655a-43f9-97d5-248508deeeed-thumbnail.jpg"
                            alt="梵希蔓2013夏装新款蕾丝连衣裙镂空假两件套连衣裙刺绣短袖连衣裙"/></a>
                </li>
                <li>
                    <a href="${pageContext.request.contextPath}/product/content/201301/246.html"
                       title="维依恋2013夏装新款波西米亚印花雪纺半身裙抹胸连衣裙两穿长裙子" target="_blank"><img
                            src="http://storage.shopxx.net/demo-image/3.0/201301/698a395e-ac95-4f76-a3c9-aa4e5fbc9217-thumbnail.jpg"
                            alt="维依恋2013夏装新款波西米亚印花雪纺半身裙抹胸连衣裙两穿长裙子"/></a>
                </li>
                <li>
                    <a href="${pageContext.request.contextPath}/product/content/201301/1.html"
                       title="尚都比拉2013春夏装新款女装 春款淑女两件套 蕾丝雪纺短袖连衣裙" target="_blank"><img
                            src="http://storage.shopxx.net/demo-image/3.0/201301/3dc28bfe-b4a7-4346-89a1-86b87d229faa-thumbnail.jpg"
                            alt="尚都比拉2013春夏装新款女装 春款淑女两件套 蕾丝雪纺短袖连衣裙"/></a>
                </li>
                <li>
                    <a href="${pageContext.request.contextPath}/product/content/201301/96.html"
                       title="梵希蔓2013新款夏装甜美女装连衣裙短袖雪纺蕾丝拼接公主裙百褶裙" target="_blank"><img
                            src="http://storage.shopxx.net/demo-image/3.0/201301/94fd156b-cbdc-40d7-8231-8e26bae2ed9c-thumbnail.jpg"
                            alt="梵希蔓2013新款夏装甜美女装连衣裙短袖雪纺蕾丝拼接公主裙百褶裙"/></a>
                </li>
                <li>
                    <a href="${pageContext.request.contextPath}/product/content/201301/279.html"
                       title="尚都比拉2013春夏装新款女装 春款修身女裙 蕾丝雪纺短袖连衣裙子" target="_blank"><img
                            src="http://storage.shopxx.net/demo-image/3.0/201301/2553e635-7aa4-416a-83f4-5288145684a1-thumbnail.jpg"
                            alt="尚都比拉2013春夏装新款女装 春款修身女裙 蕾丝雪纺短袖连衣裙子"/></a>
                </li>
                <li>
                    <a href="${pageContext.request.contextPath}/product/content/201301/290.html"
                       title="尚都比拉2013夏装新款 韩版优雅甜美淑女装 春款蕾丝雪纺连衣裙子" target="_blank"><img
                            src="http://storage.shopxx.net/demo-image/3.0/201301/51afeef5-f6cb-4936-abea-315cfca0edc0-thumbnail.jpg"
                            alt="尚都比拉2013夏装新款 韩版优雅甜美淑女装 春款蕾丝雪纺连衣裙子"/></a>
                </li>
                <li>
                    <a href="${pageContext.request.contextPath}/product/content/201301/300.html"
                       title="尚都比拉女装2013夏装新款蕾丝连衣裙 韩版修身雪纺打底裙子 春款" target="_blank"><img
                            src="http://storage.shopxx.net/demo-image/3.0/201301/0ff130db-0a1b-4b8d-a918-ed9016317009-thumbnail.jpg"
                            alt="尚都比拉女装2013夏装新款蕾丝连衣裙 韩版修身雪纺打底裙子 春款"/></a>
                </li>
            </ul>
            <ul class="tabContent">
                <li>
                    <a href="${pageContext.request.contextPath}/product/content/201301/137.html"
                       title="JackJones杰克琼斯男士纯棉格纹短袖衬衫C212204021" target="_blank"><img
                            src="http://storage.shopxx.net/demo-image/3.0/201301/6f8ae4bf-cbd3-41c7-aa22-0fe81db6add4-thumbnail.jpg"
                            alt="JackJones杰克琼斯男士纯棉格纹短袖衬衫C212204021"/></a>
                </li>
                <li>
                    <a href="${pageContext.request.contextPath}/product/content/201301/113.html"
                       title="2013春夏柒牌男装官方正品男士休闲印花短袖T恤衫702T506653" target="_blank"><img
                            src="http://storage.shopxx.net/demo-image/3.0/201301/3d835c07-08c5-46d7-912d-adcd41f8c8e6-thumbnail.jpg"
                            alt="2013春夏柒牌男装官方正品男士休闲印花短袖T恤衫702T506653"/></a>
                </li>
                <li>
                    <a href="${pageContext.request.contextPath}/product/content/201301/166.html"
                       title="JackJones杰克琼斯男士立领拼接式夹克I212121041" target="_blank"><img
                            src="http://storage.shopxx.net/demo-image/3.0/201301/4107e1ce-5e7c-4941-bc0f-718f35ba14cd-thumbnail.jpg"
                            alt="JackJones杰克琼斯男士立领拼接式夹克I212121041"/></a>
                </li>
                <li>
                    <a href="${pageContext.request.contextPath}/product/content/201301/4.html"
                       title="Max Toney春装高端暗门襟修身长袖衬衫男 小方领休闲男士衬衣 678" target="_blank"><img
                            src="http://storage.shopxx.net/demo-image/3.0/201301/a8db4410-05e5-4dfa-8217-eb885a104af3-thumbnail.jpg"
                            alt="Max Toney春装高端暗门襟修身长袖衬衫男 小方领休闲男士衬衣 678"/></a>
                </li>
                <li>
                    <a href="${pageContext.request.contextPath}/product/content/201301/189.html"
                       title="圣得西 正品男装 经典版白蓝粉色 商务长袖正装衬衫" target="_blank"><img
                            src="http://storage.shopxx.net/demo-image/3.0/201301/c5b1b396-181a-4805-9e68-9b400d71f91e-thumbnail.jpg"
                            alt="圣得西 正品男装 经典版白蓝粉色 商务长袖正装衬衫"/></a>
                </li>
                <li>
                    <a href="${pageContext.request.contextPath}/product/content/201301/58.html"
                       title="Max Toney 春夏男士休闲西服西装 永不起褶休闲小西装外套 男627" target="_blank"><img
                            src="http://storage.shopxx.net/demo-image/3.0/201301/40e34b2d-d240-446e-9874-89969edbe89f-thumbnail.jpg"
                            alt="Max Toney 春夏男士休闲西服西装 永不起褶休闲小西装外套 男627"/></a>
                </li>
                <li>
                    <a href="${pageContext.request.contextPath}/product/content/201301/66.html"
                       title="Max Toney 春装男士休闲西服便西装 时尚修身外套小西装 男 229" target="_blank"><img
                            src="http://storage.shopxx.net/demo-image/3.0/201301/cae1bc6b-0159-4ce0-9a9c-4926df231b4f-thumbnail.jpg"
                            alt="Max Toney 春装男士休闲西服便西装 时尚修身外套小西装 男 229"/></a>
                </li>
                <li>
                    <a href="${pageContext.request.contextPath}/product/content/201301/109.html"
                       title="2013春夏柒牌男装正品西服 男立领修身韩版 西服套装 902C141200" target="_blank"><img
                            src="http://storage.shopxx.net/demo-image/3.0/201301/5e5be432-fbee-4bdd-a7bd-a92e01f9bfc4-thumbnail.jpg"
                            alt="2013春夏柒牌男装正品西服 男立领修身韩版 西服套装 902C141200"/></a>
                </li>
            </ul>
            <ul class="tabContent">
                <li>
                    <a href="${pageContext.request.contextPath}/product/content/201301/242.html"
                       title="婷美正品秋冬保暖衣 轻压塑身衣美体衣保暖内衣 塑身内衣分体套装" target="_blank"><img
                            src="http://storage.shopxx.net/demo-image/3.0/201301/2af8be8a-75b9-41ae-b009-a7c54b685a4e-thumbnail.jpg"
                            alt="婷美正品秋冬保暖衣 轻压塑身衣美体衣保暖内衣 塑身内衣分体套装"/></a>
                </li>
                <li>
                    <a href="${pageContext.request.contextPath}/product/content/201301/241.html"
                       title="婷美正品 四季款魔鬼瘦塑身衣套装瘦腰翘臀B罩杯" target="_blank"><img
                            src="http://storage.shopxx.net/demo-image/3.0/201301/1a3ad7de-7ee9-4530-b89a-46375219beb5-thumbnail.jpg"
                            alt="婷美正品 四季款魔鬼瘦塑身衣套装瘦腰翘臀B罩杯"/></a>
                </li>
                <li>
                    <a href="${pageContext.request.contextPath}/product/content/201301/247.html"
                       title="婷美正品塑身衣收腹 塑身背心 舒适托胸 蕾丝动能燃脂 瘦身美体" target="_blank"><img
                            src="http://storage.shopxx.net/demo-image/3.0/201301/9f164e13-bcaa-48a6-9b35-0ca96629f614-thumbnail.jpg"
                            alt="婷美正品塑身衣收腹 塑身背心 舒适托胸 蕾丝动能燃脂 瘦身美体"/></a>
                </li>
                <li>
                    <a href="${pageContext.request.contextPath}/product/content/201301/248.html"
                       title="婷美塑身内衣正品燃脂塑身衣套装tingmei收腹瘦身衣薄束身衣" target="_blank"><img
                            src="http://storage.shopxx.net/demo-image/3.0/201301/c41d0347-364c-42bb-baeb-25142c1ed167-thumbnail.jpg"
                            alt="婷美塑身内衣正品燃脂塑身衣套装tingmei收腹瘦身衣薄束身衣"/></a>
                </li>
                <li>
                    <a href="${pageContext.request.contextPath}/product/content/201301/213.html"
                       title="女士夏季短袖睡裙清纯棉质甜美可爱少女睡衣V领条纹连衣裙家居裙" target="_blank"><img
                            src="http://storage.shopxx.net/demo-image/3.0/201301/f1174ca6-6bdf-4d0b-86e6-5455bc8e89ad-thumbnail.jpg"
                            alt="女士夏季短袖睡裙清纯棉质甜美可爱少女睡衣V领条纹连衣裙家居裙"/></a>
                </li>
                <li>
                    <a href="${pageContext.request.contextPath}/product/content/201301/221.html"
                       title="2013新款夏季家居服女 大码全棉夏装家居睡衣 运动短袖短裤套装" target="_blank"><img
                            src="http://storage.shopxx.net/demo-image/3.0/201301/1c81f492-a3d7-4c06-8658-bc2c76808cd3-thumbnail.jpg"
                            alt="2013新款夏季家居服女 大码全棉夏装家居睡衣 运动短袖短裤套装"/></a>
                </li>
                <li>
                    <a href="${pageContext.request.contextPath}/product/content/201301/229.html"
                       title="卡绚 男士睡衣春秋条纹纯棉长袖家居服套装大码圆领全棉质居家服" target="_blank"><img
                            src="http://storage.shopxx.net/demo-image/3.0/201301/dea31d42-fa3e-4b69-a631-51ca7c79f032-thumbnail.jpg"
                            alt="卡绚 男士睡衣春秋条纹纯棉长袖家居服套装大码圆领全棉质居家服"/></a>
                </li>
                <li>
                    <a href="${pageContext.request.contextPath}/product/content/201301/230.html"
                       title="卡绚 情侣家居服套装 春秋纯棉男女睡衣长袖条纹居家服 时" target="_blank"><img
                            src="http://storage.shopxx.net/demo-image/3.0/201301/ea566af4-0cdb-4017-a8c7-27e407794204-thumbnail.jpg"
                            alt="卡绚 情侣家居服套装 春秋纯棉男女睡衣长袖条纹居家服 时"/></a>
                </li>
            </ul>
        </div>
    </div>
    <div class="span24">
        <div id="newProduct" class="newProduct clearfix">
            <div class="title">
                <strong>最新商品</strong>
                <a href="${pageContext.request.contextPath}/product/list.jhtml?tagIds=2" target="_blank"></a>
            </div>
            <ul class="tab">
                <li>
                    <a href="${pageContext.request.contextPath}/product/list/1.jhtml?tagIds=2" target="_blank">时尚女装</a>
                </li>
                <li>
                    <a href="${pageContext.request.contextPath}/product/list/2.jhtml?tagIds=2" target="_blank">精品男装</a>
                </li>
                <li>
                    <a href="${pageContext.request.contextPath}/product/list/3.jhtml?tagIds=2" target="_blank">精致内衣</a>
                </li>
            </ul>
            <div class="newProductAd">
                <c:forEach items="${requestScope.data.adMap.adposition}" var="adPostion">
                    <c:if test="${adPostion.id==7}">
                        <c:forEach items="${requestScope.data.adMap.ads}" var="ad">
                            <c:if test="${ad.postion==adPostion.id}">
                                <a target="_blank" href="${ad.url}"> <img src="${ad.path}" width="${adPostion.width}"
                                                                          height="${adPostion.height}"
                                                                          alt="${ad.content}" title="${ad.content}"/>
                                </a>
                            </c:if>
                        </c:forEach>
                    </c:if>
                </c:forEach>
            </div>
            <ul class="tabContent">
                <li>
                    <a href="${pageContext.request.contextPath}/product/content/201301/2.html"
                       title="维依恋春装2013新款七分袖中长款风衣韩版修身双排扣外套春款大衣" target="_blank"><img
                            src="http://storage.shopxx.net/demo-image/3.0/201301/94aa25f9-f3ef-4f7f-8c7c-197cd04b68ea-thumbnail.jpg"
                            alt="维依恋春装2013新款七分袖中长款风衣韩版修身双排扣外套春款大衣"/></a>
                </li>
                <li>
                    <a href="${pageContext.request.contextPath}/product/content/201301/282.html"
                       title="尚都比拉2013夏装新款 春款甜美淑女装 荷叶袖修身蕾丝雪纺连衣裙" target="_blank"><img
                            src="http://storage.shopxx.net/demo-image/3.0/201301/750a9ce8-8c19-444d-b8cc-f3e7e786ec5d-thumbnail.jpg"
                            alt="尚都比拉2013夏装新款 春款甜美淑女装 荷叶袖修身蕾丝雪纺连衣裙"/></a>
                </li>
                <li>
                    <a href="${pageContext.request.contextPath}/product/content/201301/239.html"
                       title="维依恋2013夏装新款韩版修身娃娃领女式短袖雪纺衫蕾丝拼接上衣" target="_blank"><img
                            src="http://storage.shopxx.net/demo-image/3.0/201301/aec6d0ae-cad6-4cca-96bb-4bcd25e994cb-thumbnail.jpg"
                            alt="维依恋2013夏装新款韩版修身娃娃领女式短袖雪纺衫蕾丝拼接上衣"/></a>
                </li>
                <li>
                    <a href="${pageContext.request.contextPath}/product/content/201301/261.html"
                       title="唯维欣怡2013春装新款韩版女装修身网纱长袖衬衣休闲女士白色衬衫" target="_blank"><img
                            src="http://storage.shopxx.net/demo-image/3.0/201301/4652d7ae-3d2c-4692-89ea-0ca81f50eac3-thumbnail.jpg"
                            alt="唯维欣怡2013春装新款韩版女装修身网纱长袖衬衣休闲女士白色衬衫"/></a>
                </li>
                <li>
                    <a href="${pageContext.request.contextPath}/product/content/201301/267.html"
                       title="唯维欣怡2013春夏季新款韩版大码宽松显瘦女装荷叶边雪纺连衣裙子" target="_blank"><img
                            src="http://storage.shopxx.net/demo-image/3.0/201301/b499fb5e-999f-431b-a375-172ee09e4a3e-thumbnail.jpg"
                            alt="唯维欣怡2013春夏季新款韩版大码宽松显瘦女装荷叶边雪纺连衣裙子"/></a>
                </li>
                <li>
                    <a href="${pageContext.request.contextPath}/product/content/201301/30.html"
                       title="梵希蔓 2013夏装新款女装女裙子长款雪纺百褶连衣裙韩版修身裙子" target="_blank"><img
                            src="http://storage.shopxx.net/demo-image/3.0/201301/3999515b-48ba-476e-b810-3ca57f4b9e29-thumbnail.jpg"
                            alt="梵希蔓 2013夏装新款女装女裙子长款雪纺百褶连衣裙韩版修身裙子"/></a>
                </li>
                <li>
                    <a href="${pageContext.request.contextPath}/product/content/201301/122.html"
                       title="OSA春装外套女春秋韩版泡泡袖女士小西装短外套W13254" target="_blank"><img
                            src="http://storage.shopxx.net/demo-image/3.0/201301/a39fce79-fc04-4400-9e0f-47cee57accab-thumbnail.jpg"
                            alt="OSA春装外套女春秋韩版泡泡袖女士小西装短外套W13254"/></a>
                </li>
                <li>
                    <a href="${pageContext.request.contextPath}/product/content/201301/285.html"
                       title="尚都比拉2013夏装新款 春款修身淑女装 雪纺短袖假两件套连衣裙子" target="_blank"><img
                            src="http://storage.shopxx.net/demo-image/3.0/201301/4a51167a-89d5-4710-aca2-7c76edc355b8-thumbnail.jpg"
                            alt="尚都比拉2013夏装新款 春款修身淑女装 雪纺短袖假两件套连衣裙子"/></a>
                </li>
            </ul>
            <ul class="tabContent">
                <li>
                    <a href="${pageContext.request.contextPath}/product/content/201301/150.html"
                       title="JackJones杰克琼斯男士立领拉链机车夹克B212121038" target="_blank"><img
                            src="http://storage.shopxx.net/demo-image/3.0/201301/ca3043f5-dbb0-4a03-9bb6-8274f78b5d7e-thumbnail.jpg"
                            alt="JackJones杰克琼斯男士立领拉链机车夹克B212121038"/></a>
                </li>
                <li>
                    <a href="${pageContext.request.contextPath}/product/content/201301/125.html"
                       title="JackJones杰克琼斯男纯棉怀旧图案短袖T恤V212201016" target="_blank"><img
                            src="http://storage.shopxx.net/demo-image/3.0/201301/a2ac0816-37e4-477a-b179-e64f71252cf5-thumbnail.jpg"
                            alt="JackJones杰克琼斯男纯棉怀旧图案短袖T恤V212201016"/></a>
                </li>
                <li>
                    <a href="${pageContext.request.contextPath}/product/content/201301/117.html"
                       title="2013春夏柒牌男装官方正品男士条纹T恤衫702T563985" target="_blank"><img
                            src="http://storage.shopxx.net/demo-image/3.0/201301/fbb80ec8-a1d3-49de-b83b-79eae4b1ff69-thumbnail.jpg"
                            alt="2013春夏柒牌男装官方正品男士条纹T恤衫702T563985"/></a>
                </li>
                <li>
                    <a href="${pageContext.request.contextPath}/product/content/201301/42.html"
                       title="Max Toney 春装时尚休闲多层卷边领莱卡棉T恤 男 长袖T恤 599" target="_blank"><img
                            src="http://storage.shopxx.net/demo-image/3.0/201301/b998f840-91fc-41b6-b73d-70587babf760-thumbnail.jpg"
                            alt="Max Toney 春装时尚休闲多层卷边领莱卡棉T恤 男 长袖T恤 599"/></a>
                </li>
                <li>
                    <a href="${pageContext.request.contextPath}/product/content/201301/46.html"
                       title="Max Toney奢华春装 单扣高档全羊毛休闲西装西服 男 219" target="_blank"><img
                            src="http://storage.shopxx.net/demo-image/3.0/201301/3c79f82f-f136-48aa-9e81-7e10fbb3de2a-thumbnail.jpg"
                            alt="Max Toney奢华春装 单扣高档全羊毛休闲西装西服 男 219"/></a>
                </li>
                <li>
                    <a href="${pageContext.request.contextPath}/product/content/201301/174.html"
                       title="圣得西 正品男装 浅蓝色细格休闲长袖衬衫 经典版" target="_blank"><img
                            src="http://storage.shopxx.net/demo-image/3.0/201301/b04a22f5-267d-4e33-ac58-dda941eeaf84-thumbnail.jpg"
                            alt="圣得西 正品男装 浅蓝色细格休闲长袖衬衫 经典版"/></a>
                </li>
                <li>
                    <a href="${pageContext.request.contextPath}/product/content/201301/98.html"
                       title="春装新款159 与狼共舞长袖T恤 男装正品 翻领纯棉条纹体恤衫6534" target="_blank"><img
                            src="http://storage.shopxx.net/demo-image/3.0/201301/bb99deac-0b33-48f1-a3ad-e8310516be07-thumbnail.jpg"
                            alt="春装新款159 与狼共舞长袖T恤 男装正品 翻领纯棉条纹体恤衫6534"/></a>
                </li>
                <li>
                    <a href="${pageContext.request.contextPath}/product/content/201301/91.html"
                       title="夏装新品179 与狼共舞短袖T恤 气质拼接 男装正品 翻领修身6614" target="_blank"><img
                            src="http://storage.shopxx.net/demo-image/3.0/201301/7b3c0647-1016-4d13-8b84-4d63818e1179-thumbnail.jpg"
                            alt="夏装新品179 与狼共舞短袖T恤 气质拼接 男装正品 翻领修身6614"/></a>
                </li>
            </ul>
            <ul class="tabContent">
                <li>
                    <a href="${pageContext.request.contextPath}/product/content/201301/200.html"
                       title="卡绚 情侣家居服睡衣套装 夏季纯棉 时尚条纹男女士睡衣短" target="_blank"><img
                            src="http://storage.shopxx.net/demo-image/3.0/201301/2971c96e-9f11-4491-9faf-9ea7e1fec53c-thumbnail.jpg"
                            alt="卡绚 情侣家居服睡衣套装 夏季纯棉 时尚条纹男女士睡衣短"/></a>
                </li>
                <li>
                    <a href="${pageContext.request.contextPath}/product/content/201301/213.html"
                       title="女士夏季短袖睡裙清纯棉质甜美可爱少女睡衣V领条纹连衣裙家居裙" target="_blank"><img
                            src="http://storage.shopxx.net/demo-image/3.0/201301/f1174ca6-6bdf-4d0b-86e6-5455bc8e89ad-thumbnail.jpg"
                            alt="女士夏季短袖睡裙清纯棉质甜美可爱少女睡衣V领条纹连衣裙家居裙"/></a>
                </li>
                <li>
                    <a href="${pageContext.request.contextPath}/product/content/201301/221.html"
                       title="2013新款夏季家居服女 大码全棉夏装家居睡衣 运动短袖短裤套装" target="_blank"><img
                            src="http://storage.shopxx.net/demo-image/3.0/201301/1c81f492-a3d7-4c06-8658-bc2c76808cd3-thumbnail.jpg"
                            alt="2013新款夏季家居服女 大码全棉夏装家居睡衣 运动短袖短裤套装"/></a>
                </li>
                <li>
                    <a href="${pageContext.request.contextPath}/product/content/201301/229.html"
                       title="卡绚 男士睡衣春秋条纹纯棉长袖家居服套装大码圆领全棉质居家服" target="_blank"><img
                            src="http://storage.shopxx.net/demo-image/3.0/201301/dea31d42-fa3e-4b69-a631-51ca7c79f032-thumbnail.jpg"
                            alt="卡绚 男士睡衣春秋条纹纯棉长袖家居服套装大码圆领全棉质居家服"/></a>
                </li>
                <li>
                    <a href="${pageContext.request.contextPath}/product/content/201301/230.html"
                       title="卡绚 情侣家居服套装 春秋纯棉男女睡衣长袖条纹居家服 时" target="_blank"><img
                            src="http://storage.shopxx.net/demo-image/3.0/201301/ea566af4-0cdb-4017-a8c7-27e407794204-thumbnail.jpg"
                            alt="卡绚 情侣家居服套装 春秋纯棉男女睡衣长袖条纹居家服 时"/></a>
                </li>
                <li>
                    <a href="${pageContext.request.contextPath}/product/content/201301/241.html"
                       title="婷美正品 四季款魔鬼瘦塑身衣套装瘦腰翘臀B罩杯" target="_blank"><img
                            src="http://storage.shopxx.net/demo-image/3.0/201301/1a3ad7de-7ee9-4530-b89a-46375219beb5-thumbnail.jpg"
                            alt="婷美正品 四季款魔鬼瘦塑身衣套装瘦腰翘臀B罩杯"/></a>
                </li>
                <li>
                    <a href="${pageContext.request.contextPath}/product/content/201301/247.html"
                       title="婷美正品塑身衣收腹 塑身背心 舒适托胸 蕾丝动能燃脂 瘦身美体" target="_blank"><img
                            src="http://storage.shopxx.net/demo-image/3.0/201301/9f164e13-bcaa-48a6-9b35-0ca96629f614-thumbnail.jpg"
                            alt="婷美正品塑身衣收腹 塑身背心 舒适托胸 蕾丝动能燃脂 瘦身美体"/></a>
                </li>
                <li>
                    <a href="${pageContext.request.contextPath}/product/content/201301/240.html"
                       title="婷美正品内衣塑身衣佳丽燃脂猫背夹超薄透气收腹瘦腰" target="_blank"><img
                            src="http://storage.shopxx.net/demo-image/3.0/201301/7acae4ac-5909-4142-8b20-19c5462859d6-thumbnail.jpg"
                            alt="婷美正品内衣塑身衣佳丽燃脂猫背夹超薄透气收腹瘦腰"/></a>
                </li>
            </ul>
        </div>
    </div>
    <div class="span24">
        <div class="friendLink">
            <dl>
                <dt>合作伙伴</dt>
                <dd>
                    <a href="http://www.shopxx.net" target="_blank">SHOP++官网</a>
                    |
                </dd>
                <dd>
                    <a href="http://bbs.shopxx.net" target="_blank">SHOP++论坛</a>
                    |
                </dd>
                <dd>
                    <a href="http://www.alipay.com" target="_blank">支付宝</a>
                    |
                </dd>
                <dd>
                    <a href="http://www.tenpay.com" target="_blank">财付通</a>
                    |
                </dd>
                <dd>
                    <a href="http://www.chinapay.com" target="_blank">银联在线</a>
                    |
                </dd>
                <dd>
                    <a href="http://www.99bill.com" target="_blank">快钱支付</a>
                    |
                </dd>
                <dd>
                    <a href="http://down.admin5.com" target="_blank">A5下载</a>
                    |
                </dd>
                <dd>
                    <a href="http://www.kuaidi100.com" target="_blank">快递100</a>
                    |
                </dd>
                <dd>
                    <a href="http://www.cnzz.com" target="_blank">站长统计</a>

                </dd>
                <dd class="more">
                    <a href="${pageContext.request.contextPath}/friend_link.jhtml">更多</a>
                </dd>
            </dl>
        </div>
    </div>
</div>

</body>
</html>
